import 'package:flutter/material.dart';

class HomeItemTabbarPage extends StatefulWidget {
  @override
  _HomeItemTabbarPageState createState() => _HomeItemTabbarPageState();
}

class _HomeItemTabbarPageState extends State<HomeItemTabbarPage>
    with AutomaticKeepAliveClientMixin {
  @override
  Widget build(BuildContext context) {
    return ListView.builder(
      padding: EdgeInsets.all(10),
      itemCount: 100,
      itemBuilder: (BuildContext context, int index) {
        return Container(
          height: 120,
          child: Row(
            children: [
              // 左边的框
              Column(children: [
                Container(
                  width: 2,
                  height: 8,
                  color: Colors.redAccent,
                ),
                ClipOval(
                  child: Container(
                    width: 10,
                    height: 10,
                    color: Colors.blue,
                  ),
                ),
                Container(
                  width: 2,
                  height: 102,
                  color: Colors.redAccent,
                ),
              ]),
              SizedBox(width: 10),
              // 右边的框
              Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Text(
                    "标题一",
                    style: TextStyle(
                      fontSize: 18,
                      fontWeight: FontWeight.w500,
                    ),
                  ),
                  SizedBox(width: 10),
                  Text(
                    "这里是副标题",
                    style: TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.normal,
                    ),
                  ),
                  SizedBox(width: 10),
                  Text(
                    "这里是我的描述哦哦",
                    style: TextStyle(
                      fontSize: 16,
                      fontWeight: FontWeight.normal,
                      color: Colors.grey,
                    ),
                  ),
                ],
              ),
            ],
          ),
        );
      },
    );
  }

  @override
  bool get wantKeepAlive => true;
}
